@import "../../style/constant.scss";

.mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  overflow: hidden;
  background: rgba($color: #000000, $alpha: 0.6);

  opacity: 0;
  &.showModal {
    opacity: 1;
  }

  .content {
    background: #F4F4F4;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: flex;
    flex-direction: column;

    transform: translateY(100%);
    opacity: 0;
    &.showContent {
      transform: translateY(0);
      opacity: 1;
    }

    .cancelButton {
      margin-top: 8px;
      height: 50px;
      background: #FFFFFF;

      text-align: center;
      font-size: 16px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #333333;
      line-height: 50px;
    }
  }
}
